<!DOCTYPE html>
<html lang="en">
<!--
  DOM简单学习:
     功能:控制html文档的内容
     代码:获取页面标签(元素)对象 Element
         * document.getElementById("id值"):通过元素的id获取元素对象

  操作Element对象:
      1:修改属性值:明确获取的对象是哪一个
      2:修改标签体内容: 属性:innerHTML

-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
     <img id="pic" src="image04/pic.1.jpg">
     <h1 id="pic2">光头强不会再砍树了</h1>

<script>
    /*//通过id获取元素对象
      var aa=document.getElementById("pic");
      alert("换另外一张图片");
      aa.src="image04/pic.2.jpg";*/

      //换取h1标签对象
      var bb=document.getElementById("pic2");
       alert("换内容了")
      //修改内容
    bb.innerHTML="熊大喜欢翠花";

</script>


</body>
</html>